﻿<!-- ++++++ content-header Start ++++++ -->
<section class="content-header">
    <h1>职员管理
        <small>
            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-angle-down"></i></a>
            <ul class="dropdown-menu content-headerlist">
                <li><a href="../organization/organization.component.html">组织管理</a></li>
                <li><a href="../postmanagement/postmangement.component.html">岗位管理</a></li>
            </ul>
        </small>
    </h1>
    <div class="btn-group">
        <button class="btn btn-xs btn-link" (click)="FullScreenToggle()">
            <i class="fa fa-expand"></i><span title="全屏">全屏</span>
        </button>
        <a class="btn-group-link btn btn-xs btn-link" href="postmangement"> <i class="fa fa-location-arrow"></i><span title="添加职员">添加职员</span></a>
    </div>
</section>
<!-- ++++++ content-header End ++++++ -->
<!-- ++++++ content Start ++++++-->
<section class="content">
    <div class="row">
        <div class="col-md-3">
            <div class="box box-default">
                <div class="box-header with-border">
                    <h3 class="box-title">组织岗位树
                        <span class="suggest-message">
                            <span class="suggest">可以对组织岗位树展开、收起、刷新（您还可以直接拖拽来调整部门顺序）</span>
                        </span>
                    </h3>
                </div>
                <div class="btn-menu">
                    <button class="btn btn-link btn-xs" (click)="expandAll()"><i class="fa fa-plus-square"></i>展开</button>
                    <button class="btn btn-link btn-xs" (click)="collapse()"><i class="fa fa-minus-square"></i>收起</button>
                    <button class="btn btn-link btn-xs" (click)="refreshPostmangement()"><i class="fa fa-refresh"></i>刷新</button>
                </div>
                <div class="box-body organization-wrapper">
                    <ul class="ztree" id="organization-tree"></ul>
                </div>
            </div>
        </div>
        <div class="col-md-9">
            <div class="box box-default">
                <div class="box-header with-border">
                    <h3 class="box-title">技术部职员表</h3>
                </div>
                <div class="btn-menu">
                    <button class="btn btn-link btn-xs"  (click)="ColumnSet()"><i class="fa fa-list-ul"></i>列</button>
                    <button class="btn btn-link btn-xs"><i class="fa fa-refresh"></i>刷新</button>
                    <button class="btn btn-link btn-xs"><i class="fa fa-user-times"></i>离职</button>
                    <button class="btn btn-link btn-xs"><i class="fa fa-trash"></i>删除</button>
                    <button class="btn btn-link btn-xs"><i class="fa fa-check-circle-o"></i>启用账号</button>
                    <button class="btn btn-link btn-xs"><i class="fa fa-minus-circle"></i>禁用账号</button>
                    <button class="btn btn-link btn-xs"><i class="fa fa-gear"></i>设为部门主管</button>
                </div>
                <ul class="content-column">
                    <li><input type="checkbox" name="姓名"><span>姓名</span></li>
                    <li><input type="checkbox" name="电话"><span>电话</span></li>
                    <li><input type="checkbox" name="工号"><span>工号</span></li>
                    <li><input type="checkbox" name="身份证"><span>身份证</span></li>
                    <li><input type="checkbox" name="Email"><span>Email</span></li>
                    <li><input type="checkbox" name="账号状态"><span>账号状态</span></li>
                </ul>
                <div class="box-body table-wrapper">
                    <input type="text" class="form-control search" placeholder="请输入关键字查询" />
                    <i class="fa fa-search" title="查询"></i>
                    <table class="table table-hover table-condensed">
                        <thead>
                            <tr>
                                <td><input type="checkbox"/></td>
                                <td>姓名</td>
                                <td>电话</td>
                                <td>工号</td>
                                <td>账号状态</td>
                                <td></td>
                            </tr>
                        </thead>
                        <tbody></tbody>
                    </table>
                    <ul class="pagination">
                        <li><a href="#">&laquo;</a></li>
                        <li><a href="#">&lt;</a></li>
                        <li><a href="#">&gt;</a></li>
                        <li><a href="#">&raquo;</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ++++++ content End ++++++-->